<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/num-alignment.js"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/product.css" />
	</head>

	<body>
		<div class="web">
			<header>
				<div class="img"><a href="../index/index.html"><img src="img/icon_back.png"/></a></div>
				<div class="letter">
					<p>推广</p>
				</div>
				<div class="nav">
					<ul class="clearfix">
						<li class="active fl">
							<a href="product.html">商品</a>
						</li>
						<li class="fl">
							<a href="detail.html">详情</a>
						</li>
						<li class="fl">
							<a href="evaluation.html">评价</a>
						</li>
					</ul>
				</div>
			</header>

			<div id="big">
				<div class="click">
					<div class="first clearfix">
						<div class="img fl">
							<img src="img/product1.jpg" />
						</div>
						<div class="text">
							<p>澳洲&nbsp;Swisse护肝片奶蓟草解酒片护肝宝改...</p>
							<p>￥299.00</p>
							<p>商品编号: 1950235214</p>
						</div>
					</div>
					<div class="select">
						<span>规格</span>
						<input type="radio" name="specification" id="" value=""/>
						<label onclick="checktag(this)">深海鱼油软胶囊高含量130粒</label><br /><br />
						<input type="radio" name="specification" id="" value=""/>
						<label class="ggg" onclick="checktag(this)">益生菌120粒</label><br /><br />
						<input type="radio" name="specification" id="" value=""/>
						<label onclick="checktag(this)">维他命D3&nbsp;&nbsp;300粒</label><br /><br />
						<input type="radio" name="specification" id="" value=""/>
						<label onclick="checktag(this)">樱桃维生素B12防贫血250粒</label>
					</div>
					<div class="num cleanfx">
						<span class="fl">数量</span>
						<div class="Quantity_purchased fl">
							<input id="z" user_data="aaa" value="1" maxlength="2"/>
						</div>
					</div>
					<div class="foot">
						<input type="button" name="" id="" value="立即购买" />
						<input type="button" id="agg" value="加入购物车" />
					</div>
				</div>
			</div>
			<div id="small">
				<img src="img/smile.png"/>
				<p>加入购物车成功!</p>
			</div>

			<section>
				<div class="product">
					<a name="top"></a>
					<img src="img/product1.jpg" />
				</div>
				<div class="introduction">
					<div class="clearfix">
						<p class="fl">澳洲&nbsp;&nbsp;&nbsp;Swisse护肝片奶蓟草解酒片护肝宝<br /> 改善脂肪肝保健品120粒/瓶
						</p>
						<a href="">&gt;</a>
					</div>
					<p>利润&nbsp;&nbsp;<span>￥42.00~￥74.20</span></p>
					<p>成本&nbsp;&nbsp;<span>￥299.00</span></p>
				</div>
				<div class="other clearfix">
					<p class="fl">规格&nbsp;&nbsp;<span>原味&nbsp;120粒/瓶&nbsp;&nbsp;1瓶</span></p>
					<a onclick="open1()">&gt;</a>
				</div>
				<div class="other clearfix">
					<p>剩余&nbsp;&nbsp;<span>2901</span></p>
				</div>
				<div class="other clearfix">
					<p class="fl">运费&nbsp;&nbsp;<span>￥0.00~￥25.00 </span></p>
					<p class="fr">76152人正在分</p>
				</div>
				<div class="hr">

				</div>
				<div class="attention">
					<div class="top clearfix">
						<div class="logo fl">
							<img src="img/logo1.png" />
						</div>
						<div class="text fl">
							<p>elkos官方旗舰店</p>
							<p>汇聚全球100%海外正品</p>
						</div>
						<div class="a fr">
							<a href="Supplier-commodity-warehouse.html">关注</a>
							<a href="Supplier-commodity-warehouse.html">&gt;</a>
						</div>
					</div>
					<div class="middle clearfix">
						<div class="m1 left fl">
							<p>1790</p>
							<p>全部商品</p>
						</div>
						<div class="m1 center fl">
							<p>119.5万</p>
							<p>分销商</p>
						</div>
						<div class="m1 right fl">
							<p>
								企业认证
								<img src="img/ico_certified.png" />
							</p>
							<p>
								担保交易
								<img src="img/ico_certified.png" />
							</p>
						</div>
					</div>
					<div class="foot">
						<a href="">联系客服</a>
						<a href="">进店逛逛</a>
					</div>
				</div>
				<div class="hr">

				</div>
				<div class="pull">
					<p>
						<a href="">&gt;</a>上拉查看图文详情</p>
				</div>
				<div class="back-top">
					<a href="#top"></a>
				</div>
			</section>

			<footer>
				<div class="left fl">
					<ul class="clearfix">
						<li class="fl">
							<a href="">
								<img src="img/kefu.png" />
								<p>客服</p>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<img src="img/shop.png" />
								<p>店铺</p>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<img src="img/follow.png" />
								<p>关注</p>
							</a>
						</li>
					</ul>
				</div>
				<div class="middle fl">
					<a href="Apply-for-agent.html">上架到商铺</a>
				</div>
				<div class="right fl">
					<a href="">自己买</a>
				</div>
			</footer>
		</div>
		
		<script type="text/javascript">
			function checktag(a1){
				var l1=document.getElementsByClassName("ggg").length;
				if(l1<1){
//					if(a1.classList.length==0){
						a1.classList.add("ggg");
					
//					else{
//						a1.classList.remove("ggg");
//					}
				}
				else if(l1==1){
					document.querySelector(".ggg").classList.remove("ggg");
					a1.classList.add("ggg");
				}
			}
		</script>
		
		<script type="text/javascript">
			function open1() {
				document.getElementById("big").style.display = "block";
			}

			function close1() {
				document.getElementById("big").style.display = "none";
			}
			
			var smallDiv = document.getElementById("small");
var submitBtn = document.querySelector("#agg");
console.log(agg);
submitBtn.addEventListener("click",function(){
	close1();
	console.log(smallDiv)
	smallDiv.style.display = "block";
	setTimeout(function(){
		smallDiv.style.display = "none";
		
	},2000)
})
		</script>

		<script>
			document.body.style.height = window.innerHeight + "px";

			/*动态改变根元素字体大小*/
			function recalc() {
				var clientWidth = document.documentElement.clientWidth;
				if(!clientWidth) return;
				document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
				//字体大小   =1个rem单位表示多少个像素*(设备的宽度 /设计宽度)
			}

			function initRecalc() {
				recalc();
				var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
				if(!document.addEventListener) return;
				window.addEventListener(resizeEvt, recalc, false);
				document.addEventListener('DOMContentLoaded', recalc, false);
			}
			initRecalc();
		</script>

	</body>

</html>